<!-- 左右两栏形式，用于介绍的模块 -->
<template>
  <div id="introduce" :style="{ width: '100%', height: height + 'px' }">
    <div class="l">
      <slot name="left"></slot>
    </div>
    <div class="r">
      <slot name="right"></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Index',
  props: {
    height: {
      type: Number,
      default: 817
    }
  }
};
</script>

<style scoped lang="less">
#introduce {
  display: flex;
  &>div{
    width: 50%;
    flex: 1;
  }
}
</style>
